<style>
    body{
        background: #f3f3f3;
    }
</style>
<ui-view>
    <header class="ppj_header">
        <div class="shouye_tiele">
            <span>首页</span>
        </div>
        <div class="ppj_lindan_nuemer" ui-sref="message">
            <img src="image/lindan.png" alt=""/>
            <span ng-class="{disnone:hdbol}">{{lengdata}}</span>
        </div>
    </header>
    <div class="dropload_content">
        <div class="ppj_zhezhaocheng">
            <div class="ppj_zzc_box">
                <img class="ppj_close-box" src="image/close.png" alt=""/>
                <div class="ppj_zzc_img">
                    <img src="image/zhenzhaotu.png" alt=""/>
                </div>
            </div>
        </div>
        <nav class="ppj_nav">
            <div class="ppj_slilder_box ppj_slil_ppj" ng-show="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" repeat-finish="repeatFinish()" ng-repeat="j in banner"><img ng-src="{{j.article_img}}" ng-click="goto(j.link)"/></div>
                        <!--<div class="swiper-slide"> <img src="image/remwu.png" /></div>-->
                        <!--<div class="swiper-slide"> <img src="image/remwu.png" /></div>-->
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!--<img src="image/remwu.png" />-->
            </div>
            <div class="ppj-zb-topm">
                <div class="ppj_zhubao" id="ppj_zhubao">
                    <div ng-repeat="i in data" id="{{i.cat_id}}" ng-click="run1($event)">
                        <img ng-src="{{i.img}}" alt=""/>
                        <div class="ppj_zhubao_wenzi_box">
                            <p>{{i.cat_name|limitTo:6}}</p>
                            <p class="ppj_zhubao_litto">{{i.en_name|limitTo:13}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <div class="ppj_main_box">
            <div class="ppj_h5_title">
                <i></i> <span>精选推荐</span> <i></i>
            </div>
            <section class="ppj_section_box" on-finish ng-repeat="i in data1" ng-click="goUrl(i.cat_id,i.article_id)">
                <div class="ppj_procuct_title">
                    <div class="ppj_lt ppj_lt_wg-1" ng-if="i.s_pic">
                        <img ng-src="{{i.s_pic}}" alt=""/>
                        <span>{{i.name}}</span>
                    </div>
                    <p class="ppj_date">{{i.add_time}}</p>
                </div>
                <div class="ppj_product_img">
                    <img ng-src="{{i.article_img}}" alt=""/>
                </div>
                <div class="ppj_like_box">
                    <h3>{{i.title}}</h3>
                    <h5>{{i.f_title}}</h5>
                    <div class="ppj_like_box_flxe">
                        <div>
                            <img class="ppj_like_box_flxe-xin" src="image/hongxin.png" alt=""/>
                            <span ng-show="i.praise_num!=0">{{i.praise_num}}</span>
                        </div>
                        <div>
                            <img src="image/xinxi.png" alt=""/>
                            <span ng-show="i.comment_num!=0">{{i.comment_num}}</span>
                        </div>
                    </div>
                </div>
            </section>

            <!--<section class="ppj_section_box">-->
            <!--<div class="ppj_procuct_title">-->
            <!--<div class="ppj_lt">-->
            <!--<img src="image/y_touxiang.png" alt="" />-->
            <!--<span>珠宝设计师</span>-->
            <!--</div>-->
            <!--<p class="ppj_date">2017-5-12</p>-->
            <!--</div>-->
            <!--<div class="ppj_product_img">-->
            <!--<img src="image/shoushi.png" alt="" />-->
            <!--</div>-->
            <!--<div class="ppj_like_box">-->
            <!--<h3>情人节,让爱更加浪漫</h3>-->
            <!--<h5>让她心醉的礼物</h5>-->
            <!--<div class="ppj_like_box_flxe">-->
            <!--<div>-->
            <!--<img src="image/heixin.png" alt="" />-->
            <!--<span>22</span>-->
            <!--</div>-->
            <!--<div>-->
            <!--<img src="image/xinxi.png" alt="" />-->
            <!--<span>8</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</section>-->
        </div>
    </div>
    <z-footer></z-footer>
</ui-view>
